<?php
include('dbConnect.inc.php');

$sqlCountry="select mahangsx, tenhangsx from HangSX";
$resCountry=mysql_query($sqlCountry);
$checkCountry=mysql_num_rows($resCountry);
/**

 * global $tien_coban;
 * $tien_coban=1000;
 * global $tien_phuphi;
 * $tien_phuphi=0;
 * global $tien_nguoitrenxe;
 * $tien_nguoitrenxe=0;
 * global $tien_trachnhiem;
 * $tien_trachnhiem=0;
 * global $tongtienbh;
 * $tongtienbh=100000;
 */
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>PVI Cơ giới</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />

<link rel="stylesheet" type="text/css" href="css/ninja-forms-display.css" />
<script type="text/javascript" src="js/jquery-2.1.3.js"></script>
<script type="text/javascript" src="js/jquery.validate.min.js"></script>
<script type="text/javascript" src="js/jquery.numeric.min.js"></script>
<script type="text/javascript" src="js/jquery.numberformatter-1.2.4.min.js"></script>

<script type="text/javascript">

function selectCity(country_id){
 /*
     //var mqg =document.getElementById( "hangsx" ).getAttribute("value"));
      //var e = document.getElementById("hangsx");
     // var mqg = e.options[e.selectedIndex].value;
  */alert("fdkgkdjkgfdgdfgdfg");
    alert("ấh hfkshkfjasfkhasfhajfs");
	if(country_id!="-1"){
    
		loadData('state',country_id);
		$("#city_dropdown").html("<option value='-1'>Chọn loại xe/Số chỗ</option>");	
	}else
    {
		$("#state_dropdown").html("<option value='-1'>Chọn kiểu xe</option>");
		$("#city_dropdown").html("<option value='-1'>Chọn loại xe/Số chỗ</option>");		
	}
}

function selectState(state_id){
	if(state_id!="-1"){
		loadData('city',state_id);
	}else{
		$("#city_dropdown").html("<option value='-1'>Chọn loại xe/Số chỗ</option>");		
	}
}

function loadData(loadType,loadId){
	var dataString = 'loadType='+ loadType +'&loadId='+ loadId;
    var tenmoi;
    if (loadType=="state") tenmoi=" kiểu xe";
    else tenmoi= " loại xe/ số chỗ ngồi";
	$("#"+loadType+"_loader").show();
    $("#"+loadType+"_loader").fadeIn(1400).html('Please wait... <img src="image/loading.gif" />');
	$.ajax({
		type: "POST",
		url: "loadData.php",
		data: dataString,
		cache: false,
		success: function(result){
			$("#"+loadType+"_loader").hide();
			$("#"+loadType+"_dropdown").html("<option value='-1'>Chọn "+tenmoi+"</option>");  
			$("#"+loadType+"_dropdown").append(result);  
		}
	});
}


function KKT(value,lp)
{    var k=0;
     var md =document.getElementById( "mdsudung" ).getAttribute("label"));
     if (value!=-1) k =value;
     $("#pbhKKT").html(formatNumber( k));
     $("#phicoban_id").html(formatNumber(lp));
}


function NgoiTrenXe(value)
{
    var k =0;
    if (value!=-1) k =value;
    $("#pbhNguoiTrenXe").html(k);
    $("#VpbhNguoiTrenXe").html(formatNumber( k));
    
    CapNhatKetQua();
}

function TrachNhiemDS(value)
{
    var k =0;
    if (value!=-1) k =value;
    $("#pbhtrachnhiemds").html(k);
    $("#Vpbhtrachnhiemds").html(formatNumber(k));
    CapNhatKetQua();
}

function cbChanged(checkboxElem) {
  if (checkboxElem.checked) 
  {
    // Lay cai cu
    var pp=document.getElementById("pbhPhuPhi");
    var kq=0;
    // TInh toan
    kq = parseInt(pp.innerHTML,10)+parseInt(checkboxElem.value,10);
    $("#pbhPhuPhi").html(kq);
    $("#VpbhPhuPhi").html(formatNumber(kq));
    
  } else {
    // Do something else
     // Lay cai cu
    var pp1=document.getElementById("pbhPhuPhi");
    var kq1 = pp1.innerHTML-checkboxElem.value;
    $("#pbhPhuPhi").html(kq1);
    $("#VpbhPhuPhi").html(formatNumber(kq1));
  }
  CapNhatKetQua();
}

function CapNhatKetQua()
{
    // Cap nhat ket qua chung
    var l=document.getElementById("pbhCoban");
    var x=document.getElementById("pbhPhuPhi");
    var y=document.getElementById("pbhNguoiTrenXe");
    var z=document.getElementById("pbhtrachnhiemds");
    var kq=0;
    kq=parseInt(x.innerHTML,10)+parseInt(y.innerHTML,10)+parseInt(z.innerHTML,10)+parseInt(removeCommas(l.innerHTML),10);
    
    document.getElementById("tongtienbaohiem").innerHTML="Tổng phí bảo hiểm: " +formatNumber(kq) + " VNĐ";
   
}

function formatNumber (num) {
    return num.toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1,")
}


function removeCommas(str) {
    return(str.replace(/,/g,''));
}

</script>
<script>
  $(document).ready(function()
  { 
    	
     $("#input_form").validate({ 
        rules: { 
                username:   {required:false, minlength: 3}, 
                email:      { 
                            required: true, 
                            email: true
                            },
                dienthoai:  {
                            required: false, 
                            minlength: 10,
                            maxlength:11
                            }
                }, 
        messages: { 
            username: "Hãy điền tên đăng nhập.", 
            email: { 
            required: "Hãy nhập 1 địa chỉ email hợp lệ", 
                email:"Địa chỉ email không hợp lệ"
            },
            dienthoai: {required: "Hãy nhập số điện thoại liên lạc", minlength: "Nhập chưa đúng số điện thoại", maxlength: "Nhập chưa đúng số điện thoại"}
            
        }
    });
   
   
     
});
</script>


<script>
$(document).ready(function(){
  //Nhap xuat  
  $("input").focus(function(){
    $(this).css("background-color","#cccccc");
  });
  $("input").blur(function(){
    $(this).css("background-color","#ffffff");
  });
  
  //Gui bao gia
  $("#guibaogia").click(function() 
      {
        // kIEM TRA VIEC NHAP LIEU
        //1. Hang SX
        
        
      // Tinh phi co ban
       var pcb =document.getElementById("phicoban_id");
       
       var tienbaohiem=document.getElementById("tienbaohiem_id");
       var kq;
       kq= parseInt(parseFloat(removeCommas(tienbaohiem_id.value))*parseFloat(removeCommas(pcb.innerHTML)));
       
       document.getElementById("pbhCoban").innerHTML=kq;
       document.getElementById("tongtienbaohiem").innerHTML="Tổng phí bảo hiểm: " +formatNumber(kq) + " VNĐ";
     
     
      $("#tongtienbaohiem").css("visibility","visible");
     
      $("#tieptheo").load("index1.php");
      
  });
   
   $("#Vgiatrixe_id").blur(function(){
    var giatri =document.getElementById("giatrixe_id");
    var Vgiatri =document.getElementById("Vgiatrixe_id");
        giatri.value=removeCommas(Vgiatri.value);
        Vgiatri.value=formatNumber(giatri.value);
    var tienbh =document.getElementById("tienbaohiem_id");
    tienbh.value = formatNumber(giatri.value*10/100);
  
   });
  //tinh toan tu dong
  $("#Vgiatrixe_id").keypress(function(){
    var giatri =document.getElementById("giatrixe_id");
    var Vgiatri =document.getElementById("Vgiatrixe_id");
        giatri.value=removeCommas(Vgiatri.value);
        Vgiatri.value=formatNumber(giatri.value);
       
        
    var tienbh =document.getElementById("tienbaohiem_id");
    tienbh.value = formatNumber(giatri.value*10/100);
   
   });
  
  $("#Vgiatrixe_id").keydown(function(){
   /*
     var giatri =document.getElementById("giatrixe_id");
        var Vgiatri =document.getElementById("Vgiatrixe_id");
            giatri.value=removeCommas(Vgiatri.value);
            Vgiatri.value=formatNumber(giatri.value);
           
            
        var tienbh =document.getElementById("tienbaohiem_id");
        tienbh.value = formatNumber(giatri.value*10/100);
       
    */
   });
  $("#Vgiatrixe_id").keyup(function(){
  /*var giatri =document.getElementById("giatrixe_id");
    
     var Vgiatri =document.getElementById("Vgiatrixe_id");
             
             giatri.value=removeCommas(Vgiatri.value);
             Vgiatri.value=formatNumber(giatri.value);
         var tienbh =document.getElementById("tienbaohiem_id");
         tienbh.value =formatNumber( giatri.value*10/100);
         
     */
    });
  
});
</script>
<!-- Block (5) START-->

<script type="text/javascript">
$ = jQuery;
$(
    function()
	{
		$("input.numeric").numeric();
		$("textarea.numeric").numeric();
		$("input.numeric2").numeric(null, numberInvalid);
		$("input.numeric3").numeric(",");
	}
);
function numberInvalid()
{
	alert("'" + $(this).val() + "' is not a valid number");
}
</script>
<!-- Block (5) END -->
</head>
<body>

<div id="container">
   
    <div id="wrapper">
		<div class="wrap_box">
            <form id="input_form" method="POST">
			<?php
			if($checkCountry > 0){
				?>
				<table width=656px>
                    <tr>
                    <td colspan="2">
                        <div class="box"> 
                            <div class="box-title">
                                <h2>Thông tin về xe cần mua bảo hiểm</h2>
                            </div>
                            <div class="box-reponse">
                                Phí bảo hiểm cơ bản: <strong><span id="pbhCoban">0</span>  VNĐ</strong><br />
                                Mức miễn thường không khấu trừ: <strong><span id="pbhKKT">0</span>  VNĐ/vụ</strong><br />
                            </div>
                        </div>
                    </td></tr>
					<tr> <td style="width: 150px;">Hãng sản xuất</td>
						<td>
							<select id="hangsx"  onchange="selectCity(this.options[this.selectedIndex].value)" class="ninja-forms-field" >
								<option value="-1" >Chọn hãng sản xuất</option>
								<?php
								while($rowCountry=mysql_fetch_array($resCountry)){
									?>
									<option value="<?php echo $rowCountry['mahangsx']?>"><?php echo $rowCountry['tenhangsx']?></option>
									<?php
								}
								?>
							</select>
						</td>
					</tr>
					<tr>
                        <td>Kiểu xe</td>
						<td>
							<select id="state_dropdown" onchange="selectState(this.options[this.selectedIndex].value)">
								<option value="-1">Chọn kiểu xe</option>
							</select>
							<span id="state_loader"></span>
						</td>
					</tr>
					
					<tr> <td>Loại xe/Số chỗ ngồi</td>
						<td>
							<select id="city_dropdown">
								<option value="-1">Chọn loại xe/Số chỗ ngồi</option>
							</select>
							<span id="city_loader"></span>
						</td>
					</tr>
                    <tr>
                        <td>Năm sản xuất
                        </td>
                        <td>
                            <input type="text" />
                        </td>
                    </tr>
                    <tr>
                        <td>Thành phố
                        </td>
                        <td>
                            <select>
                                <option value="-1">Chọn thành phố</option>
                                <?php
                                $sqlCity="select * from thanhpho";
                                $resCity=mysql_query($sqlCity);
								while($rowCity=mysql_fetch_array($resCity)){
									?>
									<option value="<?php echo $rowCity['0']?>"><?php echo $rowCity['1']?></option>
									<?php
								}
								?>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td>Mục đích sử dụng
                        </td>
                        <td>
                            <span id="phicoban_id" hidden="true">0</span>
                            <select id="mdsudung" size="1" onchange="KKT(this.options[this.selectedIndex].value, this.options[this.selectedIndex].label)">
                            	<option value="-1" label="0">Chọn mục đích sử dụng</option>
                            	<?php
                                $sqlmucdich="select * from mucdich";
                                $resmucdich=mysql_query($sqlmucdich);
								while($rowmucdich=mysql_fetch_array($resmucdich)){
									?>
									<option label="<?php echo $rowmucdich['2']?>" value="<?php echo $rowmucdich['3']?>"><?php echo $rowmucdich['1']?></option>
									<?php
								}
								?>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td>Giá trị xe
                        </td>
                        <td>
                             <input class="numeric" id="giatrixe_id" hidden="true"  type="hidden" width="250px" />
                             <input class="numeric" id="Vgiatrixe_id"  type="text" width="250px" />
                        </td>
                    </tr>
                    <tr>
                        <td>Số tiền bảo hiểm
                        </td>
                        <td>
                             <input class="numeric" id="tienbaohiem_id" type="text" width="250px" />
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2"><hr />
                        </td>
                    </tr>
                    <tr>
                        <td>Họ và tên
                        </td>
                        <td>
                          
                            <input type="text" width="250px" size="25" name ="username" id="username" />
                        </td>
                    </tr>
                    <tr>
                        <td>Email
                        </td>
                        <td>
                            <input  width="250px"  type="email" size="25" name="email" id ="email" />
                        </td>
                    </tr>
                    <tr>
                        <td>Điện thoại
                        </td>
                        <td>
                            <input type="text" width="250px" size="25" name="dienthoai" id="dienthoai"  />
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2"> 
                            <button> Gửi nè </button>
                            <input type="button" value="Gửi báo giá" id="guibaogia" />
                        </td>
                    </tr>
                     <tr>
                        <td colspan="2" id="tieptheo" >
                            
                        </td>
                    </tr>
				</table>
                
				<?php
			}else{
				echo 'No Country Name Found';
			}
			?>
            </form>
		</div>
    </div>

</div>
<div id="tongtienbaohiem">
</div>

</body>
</html>
